<!DOCTYPE html>
<html>

<head>
    <!-- 图片内文字垂直居中 -->
    <meta charset="utf-8">
    <title>图片内文字垂直居中</title>


    <style>

        img{
            width: 500px;
        }
        .wrapper{
            position: relative;
            display: inline-block;
        }

        .inner{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    </style>

</head>

<body>
    <div class="wrapper">
        <img src="./imgs/bg13.png">
        <div class="inner">111</div>
    </div>
    <div class="wrapper">
        <img src="./imgs/call.png">
        <div class="inner">111</div>
    </div>


</body>

</html>